Menus 選單

1 List item 2 List item leading icon 3 List item trailing icon 4 List item trailing text 5 Container 6 Divider

States 狀態

狀態是用於傳達元件或互動元素狀態的視覺表現形式。

1 Enabled 已啟用 2 Disabled 已禁用 3 Hovered 懸停 4 Focused已聚焦 5 Pressed 已按下

Selected menu items  精選選單項

1 Enabled 已啟用 2 Disabled 已禁用 3 Hovered 懸停 4 Focused已聚焦 5 Pressed 已按下
Attribute  屬性Value  值
Container width  容器寬度112dp min, 280dp max
Corner radius  圓角半徑4dp
Vertical label text alignment垂直標籤文字對齊方式Center-aligned  居中對齊
Horizontal label text alignment水平標籤文字對齊方式Start-aligned  起始對齊
Left/right padding  左右內邊距12dp
Left/right padding with-icon帶圖示左/右內邊距12dp
List item height  列表項高度48dp
Padding between elements within a list item列表項內元素之間的間距12dp
Divider top/bottom padding分割線頂部/底部內邊距8dp
Divider height  分隔線高度1dp
Divider width  分隔線寬度Dynamic  動態的
Leading/trailing icon size邊緣圖示大小24dp

Configurations  配置

1 Button 按鈕 2 Text field 文字欄位 3 Icon button 圖示按鈕 4 Selected text 選中的文字